<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cart.css">
    <title>购物车</title>
</head>

<body>
    <!-- 头部开始 -->
    <div class="sh-p">
        <div class="center">
            <div class="sh-p-l">
                <i></i>
                <h2>我的购物车</h2>
            </div>
            <div class="sh-p-r">
                <div>
                    <a href="http://">登录</a>
                </div>
                <em>|</em>
                <div><a href="http://">注册</a></div>
            </div>
        </div>
    </div>
    <!-- 购物车主体 -->
    <div class="middle">
        <div class="center">
            <div class="middle-l">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/cart/cart-empty.png" alt="">
            </div>
            <div class="middle-r">
                <h2>您的购物车还是空的!</h2>
                <p>登录后将显示您之前加入的商品</p>
                <a href="http://" style="color: #fff;">立即登录</a>
                <a href="http://" style="background: #fff;color: #ff6700;border: 1px solid;">马上去购物</a>
            </div>
        </div>
    </div>
    <!-- 购物车下方列表 -->
    <div class="middle-cer">
        <div class="center">
            <h2>为您推荐</h2>
            <ul>
                <li>
                    <div class="img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4e75e528fb468aee107f551179aa0799.jpg?thumb=1&w=207&h=207&f=webp&q=90"
                            alt="">
                    </div>
                    <div class="name">Note 9 4G</div>
                    <div class="price">899元</div>
                    <div class="goods">62.6万人好评</div>
                </li>
                <li>
                    <div class="img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/348b2a49f49540c83819ff9dd224ca20.png?thumb=1&w=207&h=207&f=webp&q=90"
                            alt="">
                    </div>
                    <div class="name">Note 9 4G</div>
                    <div class="price">899元</div>
                    <div class="goods">62.6万人好评</div>
                </li>
                <li>
                    <div class="img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/093b58ebe2ac00ac7ac0b930d390fddf.jpg?thumb=1&w=207&h=207&f=webp&q=90"
                            alt="">
                    </div>
                    <div class="name">Note 9 4G</div>
                    <div class="price">899元</div>
                    <div class="goods">62.6万人好评</div>
                </li>
                <li>
                    <div class="img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4ec91237114f30967ee1c9d4ae88e4ef.jpg?thumb=1&w=207&h=207&f=webp&q=90"
                            alt="">
                    </div>
                    <div class="name">Note 9 4G</div>
                    <div class="price">899元</div>
                    <div class="goods">62.6万人好评</div>
                </li>
                <li>
                    <div class="img">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9411fdd151581840ea291ab1abcb8fef.jpg?thumb=1&w=207&h=207&f=webp&q=90"
                            alt="">
                    </div>
                    <div class="name">Note 9 4G</div>
                    <div class="price">899元</div>
                    <div class="goods">62.6万人好评</div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="center">
            <div class="mod-service">
                <ul>
                    <li>
                        <i>
                            <img src="../image/维修.png" alt="">
                        </i>
                        <div>预约维修服务</div>
                        <em>|</em>
                    </li>
                    <li>
                        <i>
                            <img src="../image/7天.png" alt="">
                        </i>
                        <div>7天包退换</div>
                        <em>|</em>
                    </li>
                    <li>
                        <i>
                            <img src="../image/15天.png" alt="">
                        </i>
                        <div>15天包退换</div>
                        <em>|</em>
                    </li>
                    <li>
                        <i>
                            <img src="../image/gift.png" alt="">
                        </i>
                        <div>满69包邮</div>
                        <em>|</em>
                    </li>
                    <li>
                        <i>
                            <img src="../image/map.png" alt="">
                        </i>
                        <div>520余家售后网点</div>
                    </li>
                </ul>
            </div>
            <div class="mod-help">
                <div class="help-l">
                    <ul>
                        <li class="big">
                            <h5>帮助中心</h5>
                        </li>
                        <li>账户管理</li>
                        <li>购物指南</li>
                        <li>订单操作</li>
                    </ul>
                    <ul>
                        <li class="big">
                            <h5>服务支持</h5>
                        </li>
                        <li>售后政策</li>
                        <li>自助服务</li>
                        <li>相关下载</li>
                    </ul>
                    <ul>
                        <li class="big">
                            <h5>线下门店</h5>
                        </li>
                        <li>小米之家</li>
                        <li>服务网点</li>
                        <li>授权体验店</li>
                    </ul>
                    <ul>
                        <li class="big">
                            <h5>关于小米</h5>
                        </li>
                        <li>了解小米</li>
                        <li>加入小米</li>
                        <li>投资者关系</li>
                        <li>企业社会责任</li>
                        <li>廉洁举报</li>
                    </ul>
                    <ul>
                        <li class="big">
                            <h5>关注我们</h5>
                        </li>
                        <li>新浪微博</li>
                        <li>官方微信</li>
                        <li>联系我们</li>
                        <li>公益基金会</li>
                    </ul>
                    <ul class="bt">
                        <li class="big">
                            <h5>特色服务</h5>
                        </li>
                        <li>F码通道</li>
                        <li>礼物码</li>
                        <li>防伪查询</li>
                    </ul>
                </div>

                <div class="help-r">
                    <h3>400-100-5678</h3>
                    <p>8:00-18:00（仅收市话费）</p>
                    <i></i><a href="http://" class="oo"> 人工客服 </a>
                    <div class="noite">
                        关注小米 : <a href="http://">
                            <i></i>微信</a>
                        <a href="http://">
                            <i></i>微博</a>
                    </div>
                </div>
            </div>
            <div class="mod-copyright">
                <div class="center">
                    <div class="mod-rule-l"></div>
                    <div class="mod-rule-r">
                        <div class="targe">
                            <a href="http://">小米商城</a>
                            <a href="http://">MIUI</a>
                            <a href="http://">米家</a>
                            <a href="http://">米聊</a>
                            <a href="http://">多看</a>
                            <a href="http://">游戏</a>
                            <a href="http://">政企服务</a>
                            <a href="http://">小米天猫店</a>
                            <a href="http://">小米集团隐私政策</a>
                            <a href="http://">小米公司儿童信息保护规则</a>
                            <a href="http://">小米商城隐私政策</a>
                            <a href="http://">小米商城用户协议</a>
                            <a href="http://">问题反馈</a>
                            <a href="http://">Select Location</a>
                        </div>
                        <div class="targe">
                            <a href="http://">北京互联网法院法律服务工作站</a>
                            <a href="http://">中国消费者协会</a>
                            <a href="http://">北京市消费者协会</a>
                        </div>
                        <p> &copy;<a href="http://">mi.com</a>
                            京ICP证110507号
                            <a href="http://">京公网安备11010802020134号</a>
                            <a href="http://">京网文[2020]0276-042号</a>
                            <a href="http://">（京）网械平台备字（2018）第00005号</a>
                            <a href="http://">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                            <a href="http://">营业执照</a>
                            <a href="http://">医疗器械质量公告</a>
                            <a href="http://">增值电信业务许可证</a>
                            网络食品经营备案 京食药网食备202010048
                            <a href="http://">食品经营许可证</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>